@charset 'utf-8';
@import'reset';

body{
    width: 100%;
        .main_content{
            .con_left{
                position: fixed;
                left: 0;
                top: 0;
                width: 247px;
                height: 100%;
                display: flex;
                flex-direction: column;
                a{
                    color: white;
                    display: flex;
                    height: 100%;
                    justify-content: center;
                    align-items: center;
                }
                .l-box{
                    &:hover{
                        cursor: pointer;
                        background: #333;
                    }
                }
                .in{
                    border-right: 4px solid #00828e;
                    width: 251px;
                    background: #333;
                }
                div{
                    width: 100%;
                    text-align: center;
                    background: #434343;
                    font-size: 14px;
                    color:#fff; 
                    flex: 1;
                }
        }
        height: 100%;
        position: relative;
        .con_right{
            box-shadow: 0px 2px 8px #333333;
            width: 1198px;
            margin-left: 22px;
            margin-top: 31px;
            font-size: 12px;
            top: 0;
            position: absolute;
            left: 247px;
            header{
                height: 40px;
                padding-left: 50px;
                color: white;
                background: #008b98;
                line-height: 40px;
            }
        }
        .top{
            table{
                text-align: left;
                width: 100%;
                border-left:none;
                border-right: none;
                tr{
                    &:nth-child(odd){
                        background:#f6f6f6 ;
                    }
                    height: 30px;
                    th{
                        padding-left: 25px;
                        &:first-child{
                            border-right-color:#000 ;
                            width: 160px;
                        }
                    }
                    td{
                        padding-left: 25px;
                        a{
                            color: #000;
                        }
                        &:first-child{
                            border-right-color:#000 ;
                        }
                    }
                }
            }
        }
        .bottom{
           top: 342px;
            table{
                text-align: left;
                width: 100%;
                border-left: none;
                border-right: none;
                tr{
                    &:nth-child(odd){
                        background:#f6f6f6 ;
                    }
                    height: 30px;
                    th{
                        padding-left: 25px;
                        &:first-child{
                            border-right-color:#000 ;
                            width: 160px;
                        }
                    }
                    td{
                        padding-left: 25px;
                        a{
                            color: #000;
                        }
                        &:first-child{
                            border-right-color:#000 ;
                        }
                    }
                }
            }
        }
        button{
            left: 50%;
            bottom: 90px;
            position: absolute;
            width:96px;
            height: 27px;
            color: #FFF;
            background: #008b98;
        }
    }
    
}
